<!DOCTYPE html>
<html>

<head>
    <!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;"> -->
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
    <link rel="stylesheet" type="text/css" href="../../css/framework7.min.css">
    <link rel="stylesheet" type="text/css" href="../../css/framework7-icons.css">
    <title>主页</title>
</head>

<body>
    <div id="app">
        <!-- Status bar overlay for fullscreen mode-->
        <div class="statusbar"></div>
        <!-- Left panel with reveal effect when hidden -->
        <div class="panel panel-left panel-reveal">
            <div class="view view-left">
                <div class="page">
                    <div class="navbar">
                        <div class="navbar-inner sliding">
                            <div class="title">用户名</div>
                        </div>
                    </div>
                    <div class="page-content">
                        <div class="block-title">group1</div>
                        <div class="list simple-list">
                            <ul>
                                <li>Item 1</li>
                                <li>Item 2</li>
                                <li>Item 3</li>
                            </ul>
                        </div>
                        <div class="block-title">group2</div>
                        <div class="list simple-list">
                            <ul>
                                <li>Item 4</li>
                                <li>Item 5</li>
                                <li>Item 6</li>
                            </ul>
                        </div>
                        <div class="block-title"></div>
                        <div class="list simple-list">
                            <ul>
                                <a id="loginoff" href="#" class="button color-red">退出登录</a>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Right panel with cover effect -->
        <div class="panel panel-right panel-cover theme-dark">
            <div class="view">
                <div class="page">
                    <div class="navbar">
                        <div class="navbar-inner">
                            <div class="title">右菜单</div>
                        </div>
                    </div>
                    <div class="page-content">
                        <div class="block"></div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Views/Tabs container -->
        <div class="views tabs ios-edges">
            <!-- Tabbar for switching views-tabs -->
            <div class="toolbar tabbar-labels toolbar-bottom-md">
                <div class="toolbar-inner">
                    <a href="#view-home" class="tab-link tab-link-active">
                        <i class="f7-icons">home</i>
                        <span class="tabbar-label">首页</span>
                    </a>
                    <a href="#view-catalog" class="tab-link">
                        <i class="f7-icons">list</i>
                        <span class="tabbar-label">目录</span>
                    </a>
                    <a href="#view-settings" class="tab-link">
                        <i class="f7-icons">settings</i>
                        <span class="tabbar-label">设置</span>
                    </a>
                </div>
            </div>
            <!-- Your main view/tab, should have "view-main" class. It also has "tab-active" class -->
            <div id="view-home" class="view view-main tab tab-active">
                <!-- Page, data-name contains page name which can be used in page callbacks -->
                <div class="page" data-name="home">
                    <!-- Top Navbar -->
                    <div class="navbar">
                        <div class="navbar-inner">
                            <div class="left">
                                <a href="#" class="link icon-only panel-open" data-panel="left">
                                    <i class="f7-icons">bars</i>
                                </a>
                            </div>
                            <div class="title sliding">首页</div>
                            <div class="right">
                                <a href="#" class="link icon-only panel-open" data-panel="right">
                                    <i class="f7-icons">bars</i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <!-- Scrollable page content-->
                    <div class="page-content">
                        <div class="block-title">功能</div>
                        <div class="list">
                            <ul>
                                <li>
                                    <a id="jumpToPaylineBtn" href="#" class="item-content item-link">
                                        <div class="item-inner">
                                            <div class="item-title">缴存流水分析</div>
                                        </div>
                                    </a>
                                    <!-- <a href="#" class="item-content item-link popup-open" data-popup="#my-popup">
                                        <div class="item-inner">
                                            <div class="item-title">缴存流水分析</div>
                                        </div>
                                    </a> -->
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Catalog View -->
            <div id="view-catalog" class="view tab">
                <!-- Catalog page will be loaded here dynamically from /catalog/ route -->
            </div>

            <!-- Settings View -->
            <div id="view-settings" class="view tab">
                <!-- Settings page will be loaded here dynamically from /settings/ route -->
            </div>
        </div>

        <div id="my-popup" class="popup popup-tablet-fullscreen">
            <div id="popup-chart1" class="view"></div>
        </div>

    </div>


    <script type="text/javascript" src="../../js/pub/framework7.min.js"></script>
    <script type="text/javascript" src="../../js/pub/routes.js"></script>
    <script type="text/javascript" src="../../cordova.js"></script>
    <script type="text/javascript" src="../../js/pub/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="../../js/plugin/homepage/homepage.js"></script>
</body>

</html>